<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>溢出设置</title>
		<style>
			div{
				width: 150px;
				height: 150px;
				border: 1px solid red;
				/* 
				设置超出部分显示
				visible:显示
				hidden:隐藏
				scroll:滚动显示
				*/
				overflow: scroll;
			}
			img{
				width: 150px;
				/* 行内元素的垂直对齐方式:
					top:上对齐
					middle:中间对齐
					bottom:下对齐
					baseline:基线对齐
				*/
				vertical-align: top;
			}
		</style>
	</head>
	<body>
		<input type="text">
		<img src="../notos/img/image-20230818203646593.png" alt="">
		<div>
			<img src="../notos/img/image-20230818203646593.png" alt="">
		</div>
	</body>
</html>